
<!-- <link rel="stylesheet" type="text/css" href="../../../public_src/css/normalize.css">
<link rel="stylesheet" type="text/css" href="../../../public_src/css/public.css">
<link rel="stylesheet" type="text/css" href="../../../css/css_modules/thread/index.css"> -->

<div class="thread">
  <div class="container">
    <ul id="threads">
      <!-- <li class="thread-item s-clearfix" data-id="">
        <a href="#">
          <aside class="s-left avatar">
            <img src="../imgs/logo.png">
            <b></b>
          </aside>
          <section class="info">
            <p class="info-header">
              <span class="msg elli-1"><span class="nickname">天线宝宝</span>依赖购买dfgd依赖购买dfgd依赖购买dfgd依赖购买dfgd</span>
            </p>
            <div class="info-footer s-clearfix">
              <section class="left dp-f s-left">
                <label>已购买</label>
                <span class="time">2016-09-19 12:03:23</span>
              </section>
              <section class="right dp-f s-right">
                <label>
                  <span class="new-msg">12新</span>/<span>101</span>
                </label>
                <span class="new-msg-sender sender">用户</span>
              </section>
            </div>
          </section>
        </a>
      </li>
      <li class="thread-item s-clearfix" data-id="">
        <a href="#">
          <aside class="s-left avatar">
            <img src="../imgs/logo.png">
          </aside>
          <section class="info">
            <p class="info-header">
              <span class="msg elli-1"><span class="nickname">天线宝</span>依赖购买dfgd依赖购买dfgd依赖购买dfgd依赖购买dfgd</span>
            </p>
            <div class="info-footer s-clearfix">
              <section class="left dp-f s-left">
                <span class="time">2016-09-19 12:03:23</span>
              </section>
              <section class="right dp-f s-right">
                <label>
                  <span>101</span>
                </label>
                <span class="sender">熊猫晓晓</span>
              </section>
            </div>
          </section>
        </a>
      </li>
      <li class="thread-item s-clearfix" data-id="">
        <a href="#">
          <aside class="s-left avatar">
            <img src="../imgs/logo.png">
            <b></b>
          </aside>
          <section class="info">
            <p class="info-header">
              <span class="msg elli-1"><span class="nickname">天线</span>依赖购买dfgd依赖购买dfgd依赖购买dfgd依赖购买dfgd</span>
            </p>
            <div class="info-footer s-clearfix">
              <section class="left dp-f s-left">
                <span class="time">2016-09-19 12:03:23</span>
              </section>
              <section class="right dp-f s-right">
                <label>
                  <span class="new-msg">12新</span>/<span>101</span>
                </label>
                <span class="new-msg-sender sender">熊猫晓晓</span>
              </section>
            </div>
          </section>
        </a>
      </li> -->
    </ul>
  </div>

  <!-- 数据模板 -->
  <form id="invariantData">
    <input type="hidden" name="id" data-front="id">
    <input type="hidden" name="username" data-front="nickname">
    <input type="hidden" name="avatar" data-front="avatar">
    <input type="hidden" name="url" data-front="url">
  </form>
  <form id="variableData">
    <input type="hidden" name="have_product" data-front="hasOrder">
    <input type="hidden" name="noread" data-front="noReadNum">
    <input type="hidden" name="count" data-front="totle">
    <input type="hidden" name="last_kf" data-front="sender">
    <input type="hidden" name="msg" data-name="last_msg" data-front="msg">
    <input type="hidden" name="time" data-name="last_msg" data-front="time">
    <input type="hidden" name="is_kf" data-name="last_msg" data-front="isKf">
    <input type="hidden" name="type" data-name="last_msg" data-front="type">
  </form>

</div>


<script type="text/template" id="threadsTpl">
    
    <% for(var k in list) {%>

      <li class="thread-item s-clearfix" data-id="<%=list[k].invariantData.id%>">
        <a href="<%=list[k].invariantData.url%>">
          <aside class="s-left avatar">
            <img src="<%=list[k].invariantData.avatar%>">
            <% if(list[k].variableData.noRead){%>
            <b></b>
            <% } %>
          </aside>
          <section class="info">
            <p class="info-header">
              <span class="msg elli-1"><span class="nickname"><%=list[k].invariantData.nickname%></span><%=list[k].variableData.msg%></span>
            </p>
            <div class="info-footer s-clearfix">
              <section class="left dp-f s-left">
                <% if(list[k].variableData.hasOrder){%>
                <label>已购买</label>
                <% } %>
                <span class="time"><%=list[k].variableData.time%></span>
              </section>
              <section class="right dp-f s-right">
                <label>
                  <% if(list[k].variableData.noRead){%>
                  <span class="new-msg"><%=list[k].variableData.noReadNum %>新</span>/
                  <% } %>
                  <span><%=list[k].variableData.totle %></span>
                </label>
                <span class="<% if(list[k].variableData.noRead){%>new-msg-sender<% } %> sender"><%=list[k].variableData.sender %></span>
              </section>
            </div>
          </section>
        </a>
      </li>
  <% } %>
</script>